<template>
    <div class="radio-item" @click="select">
        <i :class="{'active':status}"></i>
        <span>{{name}}</span>
    </div>
</template>
<script>
export default {
    props:['name','status','ind'],
    data(){
        return {

        }
    },
    methods:{
        select(){
            this.$emit('select',this.ind,this.name)
        }
    }
}
</script>

<style lang="scss">
    .radio-item{
        i{
            width:20px;
            height:20px;
            border:1px solid gray;
            display:inline-block;
            border-radius: 50%;
            &.active{
                background: red;
            }
        }
    }
</style>

